<ul class="pagination" *ngIf="hasRow()">
  <li class="page-item">
    <span class="page-link">共 {{ totalItems }} 行 - {{ totalPages }} 页</span>
  </li>
  <li class="pagination-first page-item" *ngIf="boundaryLinks" [class.disabled]="noPrevious() || disabled">
    <a class="page-link" href (click)="selectPage(1,$event)" [innerHTML]="getText('first')"></a>
  </li>
  <li class="pagination-prev page-item" *ngIf="directionLinks" [class.disabled]="noPrevious() || disabled">
    <a href class="page-link" (click)="selectPage(page -1, $event)" [innerHTML]="getText('previous')"></a>
  </li>

  <li *ngFor="let pg of pages" [class.active]="pg.active" [class.disabled]="disabled&&!pg.active" class="pagination-page page-item">
    <a href class="page-link" (click)="selectPage(pg.number, $event)" [innerHTML]="pg.text"></a>
  </li>

  <li class="pagination-next page-item" *ngIf="directionLinks" [class.disabled]="noNext()">
    <a href class="page-link" (click)="selectPage(page + 1, $event)" [innerHTML]="getText('next')"></a>
  </li>

  <li class="pagination-last page-item" *ngIf="boundaryLinks" [class.disabled]="noNext()">
    <a href class="page-link" (click)="selectPage(totalPages, $event)" [innerHTML]="getText('last')"></a>
  </li>
  <li class="page-item" *ngIf="selectSize">
    <span class="tag-to">
        <select  [ngModel]="itemsPerPage" (change)="changeSize($event)" >
              <option value="10" >10</option>
              <option value="15" >15</option>
              <option value="20" >20</option>
              <option value="50" >50</option>
        </select>
      </span>
  </li>
  <li class="page-item" *ngIf="viewRedirct">
    <span class="tag-to">
        <input type="text" [(ngModel)]="_redirctPage"/>
        <span class="go-page" (click)="onGoPage()">跳转</span>
    </span>
  </li>
</ul>